$color: #6e9cfd;

.container{
    display: inline-flex;
    width: 200px;
    border: 1px solid $color;
    border-radius: 4px;

    .option{
        flex: 1;
        line-height: 26px;
        font-size: 14px;
        color: #f5f5f5;
        text-align: center;
        position: relative;
        cursor: pointer;

        input[type=radio] {
            width: 0;
            height: 0;
            opacity: 0;
            pointer-events: none;
        }

        &::after{
            content: '';
            position: absolute;
            width: 1px;
            background-color: $color;
            right: 0;
            top: 0;
            height: 100%;
        }

        &:last-child{
            &::after{
                content: none;
            }
        }

        &.checked{
            background-color: $color;
            color: #fff;
        }
    }
}